<template>
  <div class="banner-area-inner">
    <div class="banner-inner-area banner-area1">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-8 col-lg-6 col-xl-5">
            <!-- banner text -->
            <div class="banner-text-inner">
              <div class="banner-shape-wrap">
                <div class="banner-shape-inner">
                  <img src="/assets/img/banner/shaps1.png" alt="" class='shape shape1 rotate3d'>
                  <img src="/assets/img/banner/shaps2.png" alt="" class='shape shape2 rotate2d'>
                  <img src="/assets/img/banner/shaps3.png" alt="" class='shape shape3 rotate-2d'>
                  <img src="/assets/img/banner/shaps4.png" alt="" class='shape shape4 rotate3d'>
                  <img src="/assets/img/banner/shaps5.png" alt="" class='shape shape5 rotate2d'>
                  <img src="/assets/img/banner/shaps6.png" alt="" class='shape shape6 rotate-2d'>
                  <img src="/assets/img/banner/shaps7.png" alt="" class='shape shape7 rotate3d'>
                </div>
              </div>

              <h1>{{maxInfo.title}}</h1>
              <p>{{ maxInfo.intrduce }}</p>
              <a href="#pricing" class="btn">了解更多</a>
              <a href="#join" class="btn">加入我们</a>
            </div>
            <!-- banner text -->
          </div>
          <div class="col-lg-5 offset-lg-1 col-md-4 offse-xl-2">
            <!-- banner image-->
            <!--                    <div class="banner-image">-->
            <!--                        <img src="/assets/img/banner/mockup.png" alt="">-->
            <!--                    </div>-->
            <!--End of banner image-->
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import {Api} from "~/request/Api";

export default {
  name: "BannerOne",
  data() {
    return {
      maxInfo:{
        //当网络不可访问是默认渲染
      //   intrduce:`当前采用的是“一套班子，两块牌子”的双重编制，即行政和技术分离。对外，工作室拥有两个直属于大数据与软件学院的行政
      //             编制，分别是基础算法创新中心和互联网创新中心，其驻地分别是T-1215和T-1216；对内，工作室则拥有两个直属部门，分别
      //        算法部和项目部。其中，闫会峰是大数据与软件学院的院长，吴晓庆老师是基础算法创新中心的主任，赵凤龙老师是互联网创新
      // 中心的主任。`,
      //   title:"MaX.计算机研究室"
        intrduce:"",
        title:"",
      }
    }
  },
  methods: {
    async getIntroduction() {
      const result = await Api.getMaxInfo();
      if (result.code === 200) {
        let res=result.data.indexInfo.index
        this.maxInfo['intrduce'] = res.introduce
        this.maxInfo['title'] = res.title
      }
    }
  },
  mounted() {
    this.getIntroduction()
  }
}
</script>

<style scoped>

</style>
